Ext.namespace('pages.p2p.appLoadFist.query');

pages.p2p.appLoadFist.query.View = function(config) {
	Ext.apply(this, config);
	/** 操作类型 */
	this.startDate = config.startDate;
	this.endDate = config.endDate;
	this.initUIComponents();
	pages.p2p.appLoadFist.query.View.superclass.constructor.call(this);
};

Ext.extend(pages.p2p.appLoadFist.query.View, Ext.Window, {
	initUIComponents : function() {

		this.form = new Ext.form.FormPanel({
					layout : 'column',
					region : 'north',
					labelWidth : 100,
					labelAlign : 'right',
					autoHeight : true,
					border : false,
					frame : false,
					items : [{
								columnWidth : 1,
								height : 10,
								border : false
							}, {
								columnWidth : .5,
								layout : 'form',
								border : false,
								items : [{
											fieldLabel : '统计开始日期',
											name : 'START_DATEV',
											id : 'START_DATEV',
											anchor : '96%',
											format : 'Y-m-d',
											xtype : 'datefield'
										}]
							}, {
								columnWidth : .5,
								layout : 'form',
								border : false,
								items : [{
											fieldLabel : '统计结束日期',
											name : 'END_DATEV',
											id : 'END_DATEV',
											anchor : '96%',
											format : 'Y-m-d',
											xtype : 'datefield'
										}]
							}]
				});
		this.store = new Ext.data.Store({
					proxy : new Ext.data.HttpProxy({
								url : ExtJ
										.getActionPath('opinfo/getAppLoginTj.do')
							}),
					remoteSort : true,
					reader : new Ext.data.JsonReader({
								root : 'data',
								totalProperty : 'total',
								id : 'ID'
							}, [{
										name : 'DQ',
										mapping : 'DQ'
									}, {
										name : 'DLSL',
										mapping : 'DLSL'
									}])
				});
		var sm = new Ext.grid.CheckboxSelectionModel({
					singleSelect : true
				});
		var cm = new Ext.grid.ColumnModel([sm, new Ext.grid.RowNumberer(), {
					header : '客户归属地区',
					width : 150,
					sortable : true,
					dataIndex : 'DQ',
					renderer : function(value) {
						if (null == value) {
							return "无归属";
						} else {
							return value;
						}
					}
				}, {
					header : '首次登录人数',
					width : 120,
					sortable : true,
					dataIndex : 'DLSL'
				}]);

		/**
		 * GridPanel
		 */
		this.grid = new Ext.grid.GridPanel({
					id : 'grid',
					region : 'center',
					store : this.store,
					height : 350,
					border : true,
					frame : false,
					viewConfig : {
						autoFill : false,
						forceFit : false,
						focusRow : function() {
							return;
						},
						getRowClass : function(record, rowIndex, rowParams,
								store) {
							if (record.get("TOP_LEVEL") == "1") {
								return 'ux-grid-record-onTop';
							}
						}
					},
					sm : sm,
					cm : cm,
					tbar : [{
								id : 'query',
								iconCls : 'query',
								text : '查询',
								handler : this.onQuery.createDelegate(this)
							}, '-', {
								id : 'clear',
								iconCls : 'reset',
								text : '重置',
								handler : this.onReset.createDelegate(this)
							}, '-', {
								id : 'export',
								iconCls : 'excel',
								text : '下载Excel',
								handler : this.onExport.createDelegate(this)
							}]
				});

		Ext.apply(this, {
					id : 'dqtj_view',
					title : '地区统计',
					border : false,
					layout : 'fit',
					style : {
						marginRight : 'auto',
						marginLeft : 'auto'
					},
					width : 650,
					height : 450,
					modal : true,
					items : [this.form, this.grid],
					listeners : {
						'render' : this.initData.createDelegate(this)
					},
					tbar : [{
								text : '关闭',
								iconCls : 'close',
								handler : this.onCancel.createDelegate(this)
							}]
				})
	},
	initData : function() {
		Ext.getCmp('START_DATEV').setValue(new Date(this.startDate));
		Ext.getCmp('END_DATEV').setValue(new Date(this.endDate));
		this.onQuery();
	},
	onQuery : function() {
		this.store.baseParams.startDate = Ext.getCmp('START_DATEV').getRawValue();
		this.store.baseParams.endDate = Ext.getCmp('END_DATEV').getRawValue();
		this.store.baseParams.roleParam = roleParam;
		var startDatev = this.store.baseParams.startDate;
		var endDatev = this.store.baseParams.endDate;
		if (startDatev != '' && endDatev != '') {
			if (startDatev > endDatev) {
				Ext.Msg.alert('提示', '开始时间不能大于结束时间!');
				return;
			}
		} else if (startDatev == '' && endDatev == '') {
			Ext.getCmp('START_DATEV').setValue(new Date(this.startDate));
			Ext.getCmp('END_DATEV').setValue(new Date(this.endDate));
		}
		Ext.getBody().mask("正在查询,请稍候...");
		this.store.reload({
					params : {},
					callback : function() {
						Ext.getBody().unmask(true);
					}
				});
	},
	onReset : function() {
		this.form.getForm().reset();
	},
	onCancel : function() {
		this.close();
	},

	onExport : function() {
		ExtJ.doExport({
					url : baseUrl + "/opinfo/exportAppLoginiTjExcelMethod.do",
					params : {
						startDate : Ext.getCmp('START_DATEV').getRawValue(),
						endDate : Ext.getCmp('END_DATEV').getRawValue(),
						roleParam:roleParam
					}
				});
	}
});